import Vue from 'vue'
import Vuex from 'vuex'

// 导入操作本地存储的setItem，getItem两个方法
import { setItem, getItem  } from "@/utils/storage.js"

Vue.use(Vuex)

// 定义一个变量名保存本地存储数据的关键词
const TOKEN_KEY = 'toutiao_token'

export default new Vuex.Store({
  state: {
    // 将来我们会将token身法令牌的信息保存到user对象里面
    user: getItem(TOKEN_KEY) || ''
  },
  mutations: {
    // 声明一个setUser来修改
    setUser (state, payload) {
      state.user = payload
      // 设置数据的时候，除了要保存到vuex中以外，还要保存到本地存储里面
      setItem(TOKEN_KEY, payload)
    }
  },
  actions: {
  },
  modules: {
  }
})
